Exemples de conditions en JavaScript



TUPEUXPASTEST est le mot de passe correct

        
            // Fonction pour afficher un message en fonction du mot de passe saisi
            function showMessage() {
                let userName = document.getElementById('userNameInput').value;
                let password = document.getElementById('passwordInput').value;
                let messageElement = document.getElementById('message');
                
                switch (password) {
                    case "TUPEUXPASTEST":
                        let greetingMessage = "Bien le BOnjouRRRR " + userName + "!";
                        messageElement.innerText = greetingMessage;
                        messageElement.style.fontSize = "36px";
                        messageElement.style.fontWeight = "bold";
                        // Afficher en vert
                        messageElement.style.color = "green";
                        // Appliquer le style clignotant
                        setInterval(function(){
                            if(messageElement.style.visibility === 'hidden'){
                                messageElement.style.visibility = 'visible';
                            } else {
                                messageElement.style.visibility = 'hidden';
                            }
                        }, 500);
                        break;
                    default:
                        messageElement.innerText = "MOT DE PASSE Incorrect " + userName;
                        // Afficher en rouge
                        messageElement.style.color = "red";
                        break;
                }
                
                // Afficher le mot de passe en clair près du champ de saisie (pour le test)
                alert("Le mot de passe saisi est : " + password);
            }
        
    

Exemple avec l'opérateur ternaire